<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="../../css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" type="text/css" href="../../css/common.css" />
		<link rel="stylesheet" type="text/css" href="../../css/home/classify.css" />
	</head>

	<body>
		<div id="classify" v-cloak>
			<header class="mui-bar mui-bar-nav">
				<div class="seach_input"><i class="mui-icon mui-icon-search"></i><input type="text" placeholder="搜索全网商品" readonly="true" /></div>
				<div class="seach">搜索</div>
			</header>
			<div class="mui-content mui-fullscreen">
				<div class="shop_cls">
					<!--<div class="shop_cls_list collect">
						<div>智慧门店</div>
						<div class="shop_cls_list_centent">
							<div class="left_check">智慧监控</div>
							<div>智慧考勤</div>
							<div>智慧监控</div>
							<div>智慧考勤</div>
							<div>智慧监控</div>
							<div>智慧考勤</div>
						</div>
					</div>-->
					<div class="shop_cls_list" :class="leftcls.open ? 'open' : 'collect'" v-for="(leftcls,index) in leftclass">
						<div @tap="showchildren(leftcls,index)"><button type="button" class="mui-btn"  :class="{loveCheck:leftcls.id == 'collection' && leftcls.open}">{{leftcls.name}}</button></div>

						<div class="shop_cls_list_centent">
							<div :class="{'leftcheck': childrenType.id == leftchecks }" @tap="childrenCheck(childrenType)" v-for="childrenType in leftcls.childrenType">{{childrenType.name}}</div>
						</div>
					</div>
				</div>
				<div class="shop_main">
					<div class="shop_right_top" v-show="rightclass.length>0">
						<!--<div><span class="check">透明夹系列</span></div>-->
						<div v-for="rightclass in rightclass" @tap="rightChecks(rightclass)"><span :class="{'check':rightclass.id == rightcheck}">{{rightclass.name}}</span></div>
					</div>
					<div class="right_main"  ref="rightMain">
						<div class="shop_right_bottom" v-for="rightmain in rightmain">
							<!--rightmain-->
							<!--<div class="shop_data_list">
							<div class="shop_list_img"><img src="http://119.23.33.223:3004/photoserver//photoserver/images/0/2017/10/26/0b6b7b70-df0e-4f85-9717-9d3d0ee413a6.jpg" /></div>
							<div class="shop_list_data">
								<div class="shop_list_text">雅量供应3D双目客流统计器I雅量供应3D双目客流统计器IDS雅量供应3D双目客流统计器IDSDS-2C D6810F/C人流客</div>
								<div class="add">
									<div class="money"><span>￥</span>1226</div>
									<div class="add_shop">+</div>
								</div>
							</div>
						</div>-->
							<div class="shop_data_list" @tap.stop='openDetails(rightmain)'>
								<div class="shop_list_img"><img src="../../images/noimg.jpg" v-lazy="imgCommonUrl + rightmain.pic"/></div>
								<div class="shop_list_data">
									<div class="shop_list_text">{{rightmain.name || rightmain.prodName}}</div>
									<div class="add">
										<div class="money"><span>￥</span>{{rightmain.cash}}</div>
										<div class="add_shop" @tap.stop="addShopping(rightmain)"><div></div></div>
									</div>
								</div>
							</div>
							
						</div>
							  <div class="loadMain" v-show="loading"><div>加载中..</div></div>
					</div>
				</div>
			</div>
			<!--加入购物车-->
			<!--<div class="collection">
				<div class="collection_head">
					<div class="collection_img"><img src="http://119.23.33.223:3004/photoserver//photoserver/images/0/2017/10/26/0b6b7b70-df0e-4f85-9717-9d3d0ee413a6.jpg" /></div>
					<div class="collection_introduce">
						<div class="collection_title">雅量超市pop夹标价格牌透明夹式标签牌爆炸贴夹商品标签夹子</div>
						<div class="collection_money"><span>￥</span>1.1-<span>￥</span>2.5</div>
					</div>
					<div class="collection_close"><img src="../../images/close.png" /></div>
				</div>
				<div class="collection_data">
					<div class="collection_info">
						<div>规格</div>
						<div>单价</div>
						<div>数量</div>
					</div>
					<div class="collection_info">
						<div>JS01</div>
						<div class="money"><span>￥</span>1.1</div>
						<div class="collection_num">
							<button type="button" class="mui-btn">-</button>
							<input type="number" disabled value="1" />
							<button type="button" class="mui-btn">+</button>
						</div>
					</div>
					<div class="collection_info">
						<div>JS01</div>
						<div class="money"><span>￥</span>1.1</div>
						<div class="collection_num">
							<button type="button" class="mui-btn">-</button>
							<input type="number" disabled value="1" />
							<button type="button" class="mui-btn">+</button>
						</div>
					</div>
					<div class="collection_info">
						<div>JS01</div>
						<div class="money"><span>￥</span>1.1</div>
						<div class="collection_num">
							<button type="button" class="mui-btn">-</button>
							<input type="number" disabled value="1111111" />
							<button type="button" class="mui-btn">+</button>
						</div>
					</div>
				</div>
				<div class="add_button">
					<button type="button" class="mui-btn">默认</button>
					<button type="button" class="mui-btn mui-btn-danger">红色</button>
				</div>
			</div>-->
			<div class="mui-backdrop" v-show="backdrop"></div>
		</div>
		<script src="../../js/mui.min.js"></script>
		<script src="../../js/libs/zepto.js"></script>
		<script src="../../js/common.js"></script>
		<script src="../../js/libs/vue.js"></script>
		<script src="../../js/libs/vue-lazyload.js"></script>
		<script src="../../js/home/classify.js"></script>
	</body>
</html>